<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body class="df fdc">
    <!-- 内容区 -->
    <div class="contentBox f1 ofs">
        <!-- 轮播图 -->
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <img class="img" src="../../assets/imgs/index-swiper-bg1.jpg" alt="">
                </div>
                <div class="swiper-slide">
                    <img class="img" src="../../assets/imgs/index-swiper-bg2.jpg" alt="">
                </div>
                <div class="swiper-slide">
                    <img class="img" src="../../assets/imgs/index-swiper-bg3.jpg" alt="">
                </div>
            </div>
            <div class="swiper-pagination"></div>
        </div>
        <div class="nameBox ">
            <div class="headBox df jcsb">
                <div class="df fa pr">
                    <img class="imgBox">
                    <img class="vip" src="../../assets/imgs/vip.png" alt="">

                </div>
                <div class="userBox  df jcsb">
                    <div class="user">用户名</div>
                    <a class="iconfontFa" href="./user-detail.html"><span
                            class=" iconfont icon-xiayiyeqianjinchakangengduo"></span></a>
                </div>
            </div>
            <div class="personalBox df">
                <p>个性签名:</p>

                <div class="personal ">生活不像你想象得那么好</div>
            </div>


        </div>
        <!-- 打卡框 -->
        <div class=" dataBox dynamic df jcsb ">
            <div class="leftBox df aic">
                <img class="clockImg" src="../../assets/imgs/打卡.png" alt="">
                <div class="">累计打卡</div>
                <div id="day">23</div>
                <div>天</div>
            </div>
            <div class="clockBox asc">
                今日打卡
            </div>
        </div>
        <div class="dynamic df jcsb ">
            <div class="leftBox df aic">
                <span class="iconfont icon-yingfengdongtai"></span>
                <div class="">个人动态</div>
            </div>
            <div class="rightBox df aic">
                <span>10条</span>
                <span class=" iconfont icon-xiayiyeqianjinchakangengduo"></span>
            </div>
        </div>
        <div class="data dynamic df jcsb ">
            <div class="leftBox df aic">
                <span class="iconfont icon-data1"></span>
                <div class="">运动数据</div>
            </div>
            <div class="rightBox df aic">

                <a href="#"> <span class=" iconfont icon-xiayiyeqianjinchakangengduo"></span></a>
            </div>
        </div>
        <div class="datdBox df jcsb">
            <div class="dataLeft">
                <p>总运动</p>
                <span>99999</span>
                <span>分钟</span>
            </div>
            <div class="line"></div>
            <div class="dataright">
                <p>本周消耗</p>
                <span>99999</span>
                <span>千卡</span>
            </div>
        </div>
        <div class="badge dynamic df jcsb ">
            <div class="leftBox df aic">
                <span id="icon" class="iconfont icon-huizhang"></span>
                <div class="">我的运动徽章</div>
            </div>
            <div class="rightBox df aic">

                <a href="#"> <span class=" iconfont icon-xiayiyeqianjinchakangengduo"></span></a>
            </div>
        </div>
        <div class="badgeIcon df jcsb">
            <div class="box1"></div>
            <div class="box1"></div>
            <div class="box1"></div>
        </div>
        <div class="loginBox df jcc">
            <div class="loginBtn">退出登录</div>
        </div>

    </div>
    <!-- 底部选项卡 -->
    <!-- <div class="bartab fn df jcsb">
        <a href="#" class="home df fdc active">
            <span class="iconfont icon-shouye"></span>
            <span class="text">首页</span>
        </a>
        <a href="#" class=" sport df fdc">
            <span class="iconfont icon-xindiantu"></span>
            <span class="text">运动</span>
        </a>
        <a href="#" class="group df fdc ">
            <span class="iconfont icon-quanzi"></span>
            <span class="text">圈子</span>
        </a>
        <a href="#" class="my df fdc">
            <span class="iconfont icon-wode"></span>
            <span class="text">我的</span>
        </a>

    </div> -->

</body>

</html>